<template>
    <div id="aa">
          <div class="heaa">
            <ul>
              <li>
                <van-icon name="arrow-left" size="20" @click="back" />
              </li>
              <li>讲师详情</li>
              <li></li>
            </ul>
          </div>

          <div class="hemp">
              <ul>
                  <li>{{list.teacher_name}}</li>
                  <img :src="list.teacher_avatar" alt="">
                  <!-- <img :src="list.avatar" alt=""> -->
              </ul>
          </div>

          <van-tabs v-model="activeName">
        <van-tab title="讲师介绍"    name="a" >
          
          <li>

          <p>{{list.teacher_name}}</p>
            </li></van-tab>
        <van-tab title="主讲课程" name="b">内容 2</van-tab>
        <van-tab title="学员评价" name="c">内容 3</van-tab>
      </van-tabs>
  </div>
</template>
<script>
// import { list1 } from "./../../../reques/api";
import { list1 } from "@/request/http";
import { mapState,mapMutations,mapGetters,mapActions } from 'vuex'
export default {
    name:"member",
     data() {
    return {
      list: []
    };
  },
  methods: {
    ...mapMutations(['course1','course2']),
    back(){
        this.$router.go(-1);
        this.course2()
    },
    save() {
      list1({ id: this.$route.query.id }).then(res => {
        // this.list = res.data.info;
        console.log(res);
        console.log(this.$route.query.id);
        //  this.list=res.data.teachers[0]
      });
    }
  },
  mounted() {
    this.save();
    
  }
};
</script>

<style lang="scss" scoped>
#aa {
  width: 100%;
}
.heaa {
background: linear-gradient(180deg,#63b7fe,#4e7de3);

  height: 110px;
  ul {
    // background: rebeccapurple;
    height: 40px;
    display: flex;
    justify-content: space-between;
    font-family: PingFangSC-Medium;

    font-weight: 500;
    color: white;
    li {
      line-height: 40px;
      font-size: 20px;
    }
  }
}
.hemp{
    width: 95%;
    background: white;
    height: 100px;
    margin: 0 auto;
    position: relative;
    top: -60px;
    border-radius: 5px;
    img{
      width: 50px;
    }
}
</style>